<template>
  <div>
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="秒" name="second"> <cron-second-form></cron-second-form></el-tab-pane>
      <el-tab-pane label="分" name="minute"> <cron-minute-form></cron-minute-form></el-tab-pane>
      <el-tab-pane label="时" name="hour"> <cron-hour-form></cron-hour-form></el-tab-pane>
      <el-tab-pane label="天" name="day"> <cron-day-form></cron-day-form></el-tab-pane>
      <el-tab-pane label="周" name="week"> <cron-week-form></cron-week-form></el-tab-pane>
      <el-tab-pane label="月" name="month"> <cron-month-form></cron-month-form></el-tab-pane>
      <el-tab-pane label="年" name="year"> <cron-year-form></cron-year-form></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import CronSecondForm from './cron-second-form.vue';
import CronMinuteForm from './cron-minute-form.vue';
import CronHourForm from './cron-hour-form.vue';
import CronDayForm from './cron-day-form.vue';
import CronWeekForm from './cron-week-form.vue';
import CronMonthForm from './cron-month-form.vue';
import CronYearForm from './cron-year-form.vue';
defineOptions({
  name: 'DwCronSelector',
});
const activeName = ref('hour');
</script>
